



.nav {
    .li {
        background : #e3e3e3;
        line-height: 40px;
        margin     : 0px 10px;
        border     : 1px solid #000;
    }
}

.app {
    width : 100%;
    height: 100%;
}

.appLoading {
    position  : fixed;
    top       : 0px;
    left      : 0px;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.5);
}

/* 设置持续时间和动画函数 */
.appLoading-enter-active {
    transition: opacity .5s;
}

.appLoading-leave-active {
    transition: opacity .5s;
}

.appLoading-enter,
.appLoading-leave-to {
    opacity: 0;
}


.layoutBoxTransition-enter-active,
.layoutBoxTransition-leave-active {
    transition  : all .5s;
    // transform:translateY(0px);
}

.layoutBoxTransition-enter,
.layoutBoxTransition-leave-to

/* .fade-leave-active below version 2.1.8 */
    {
    transition: all .5s;
    opacity   : 0;
    transform : translateY(100px);
}

